<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head><title>缺陷统计 - 管体缺陷仪表板 - 管体缺陷</title>
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/pbf/flawStat.js"></script>
    <script type="text/javascript" src="${resourcePath}/js/html2canvas.js" ></script>
    <script type="text/javascript" src="${resourcePath}/js/comm/comUtil.js" ></script>
    <script type="text/javascript">
        var _path="${pageContext.request.contextPath}";
        var type="stat";
    </script>
</head>
<body>
    <!-- content-body -->
    <div class="main-inner">
        <div class="xyf-toggle-form-div">
            <span><i class="zy-tongji-icon"></i>缺陷统计</span>查询条件<i class="xyf-toggle-form-icon"></i>
        </div>
        <div class="content-inner">
            <div class="zy-pick-line">
                <div class="zy-form-line">
                    <div class="zy-input-group w-30">
                        <div class="zy-input-meta"><i class="zy-requird-icon"></i>管道名称</div>
                        <div class="zy-select-inner">
                            <blockquote id="JQ_pipeline" class="bk-select"></blockquote>
                        </div>
                    </div>
                    <div class="zy-sp"></div>
                    <div class="zy-input-group w-30">
                        <div class="zy-input-meta">管段名称</div>
                        <div class="zy-select-inner">
                            <blockquote id="JQ_segment" class="bk-select"></blockquote>
                        </div>
                    </div>
                    <div class="zy-sp"></div>
                    <div class="zy-input-group w-15">
                        <div class="zy-input-meta">起点位置</div>
                        <div class="zy-select-inner">
                            <blockquote id="JQ_begin" class="bk-select"></blockquote>
                        </div>
                    </div>
                    <div class="zy-sp"></div>
                    <div class="zy-input-group w-15">
                        <div class="zy-input-meta">终点位置</div>
                        <div class="zy-select-inner">
                            <blockquote id="JQ_end" class="bk-select"></blockquote>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="zy-form-line">
                    <button id="JQ_search_btn_01" class="zy-button zy-search" type="button"><i class="zy-search-icon"></i>查询</button>&nbsp;&nbsp;&nbsp;&nbsp;
                    <button id="JQ_export_btn_01" class="zy-button zy-export exportPdf" type="button"><i class="zy-export-icon"></i>导出</button>
                </div>
            </div>
            <div class="zy-table">
                <h4>内检测缺陷统计&nbsp;&nbsp;&nbsp;&nbsp;<span id="JQ_insp_date"></span></h4>
                <div class="zy-layout-left l">
                    <div class="zy-statictable">
                        <div class="thead">
                            <span style="width: 34%">缺陷类型</span>
                            <span style="width: 33%">数量</span>
                            <span style="width: 33%">占比</span>
                        </div>
                        <div class="tbody" id="JQ_static_table_01">
                            <p>
                                <span style="width: 34%">金属损失</span>
                                <span style="width: 33%">-</span>
                                <span style="width: 33%">-</span>
                            </p>
                            <p>
                                <span style="width: 34%">凹陷</span>
                                <span style="width: 33%">-</span>
                                <span style="width: 33%">-</span>
                            </p>
                            <p>
                                <span style="width: 34%">焊缝异常</span>
                                <span style="width: 33%">-</span>
                                <span style="width: 33%">-</span>
                            </p>
                            <p>
                                <span style="width: 34%">椭圆变形</span>
                                <span style="width: 33%">-</span>
                                <span style="width: 33%">-</span>
                            </p>
                            <p>
                                <span style="width: 34%">类裂纹</span>
                                <span style="width: 33%">-</span>
                                <span style="width: 33%">-</span>
                            </p>
                            <p>
                                <span style="width: 34%">损伤</span>
                                <span style="width: 33%">-</span>
                                <span style="width: 33%">-</span>
                            </p>
                            <p class="zy-t-f">&nbsp;</p>
                        </div>
                    </div>
                </div>
                <div class="zy-layout-right r">
                    <div class="zy-charts-box">
                        <div class="zy-charts-inner">
                            <div class="zy-charts-head">
                                <p class="f16 fwb">缺陷类型所占比</p>
                                <p class="c-78">百分比(%)</p>
                            </div>
                            <div id="inspPie" class="zy-charts-body">
                                <img src="${pageContext.request.contextPath}/static/img/chart_no_data.png">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="zy-table">
                <h4>非内检测缺陷统计&nbsp;&nbsp;&nbsp;&nbsp;<span id="JQ_noinsp_date"></span></h4>
                <div class="zy-layout-left l">
                    <div class="zy-statictable">
                        <div class="thead">
                            <span style="width: 34%">缺陷来源</span>
                            <span style="width: 33%">数量</span>
                            <span style="width: 33%">占比</span>
                        </div>
                        <div class="tbody" id="JQ_static_table_02">
                            <p>
                                <span style="width: 34%">地质灾害</span>
                                <span style="width: 33%">-</span>
                                <span style="width: 33%">-</span>
                            </p>
                            <p>
                                <span style="width: 34%">第三方损伤</span>
                                <span style="width: 33%">-</span>
                                <span style="width: 33%">-</span>
                            </p>
                            <p>
                                <span style="width: 34%">事件上报</span>
                                <span style="width: 33%">-</span>
                                <span style="width: 33%">-</span>
                            </p>
                            <p>
                                <span style="width: 34%">直接评价</span>
                                <span style="width: 33%">-</span>
                                <span style="width: 33%">-</span>
                            </p>
                            <p>
                                <span style="width: 34%">其它</span>
                                <span style="width: 33%">-</span>
                                <span style="width: 33%">-</span>
                            </p>
                            <p class="zy-t-f" style="height: 78px">&nbsp;</p>
                        </div>
                    </div>
                </div>
                <div class="zy-layout-right r">
                    <div class="zy-charts-box">
                        <div class="zy-charts-inner">
                            <div class="zy-charts-head">
                                <p class="f16 fwb">缺陷来源所占比</p>
                                <p class="c-78">百分比(%)</p>
                            </div>
                            <div class="zy-charts-body" id="noinspPie">
                                <img src="${pageContext.request.contextPath}/static/img/chart_no_data.png">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="zy-table">
                <div class="zy-charts-box">
                    <div class="zy-charts-inner">
                        <div class="zy-charts-head zy-charts-info">
                            <p class="f16 fwb">缺陷来源时间分布</p>
                            <p class="c-78">
                                <span class="l">柱状图(数量)</span>
                                <span class="r" style="display: none" id="noInspBarTap">
                                    <i class="zy-c-i-01"></i>地质灾害&nbsp;&nbsp;
                                    <i class="zy-c-i-02"></i>第三方损伤&nbsp;&nbsp;
                                    <i class="zy-c-i-06"></i>事件上报&nbsp;&nbsp;
                                    <i class="zy-c-i-04"></i>直接评价&nbsp;&nbsp;
                                    <i class="zy-c-i-03"></i>其它&nbsp;&nbsp;
                                </span>
                            </p>
                            <div class="clear"></div>
                        </div>
                        <div class="zy-charts-body" id="noInspBar">
                            <img src="${pageContext.request.contextPath}/static/img/chart_no_data.png">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ui -->
    <script src="${pageContext.request.contextPath}/static/js/ui/ui-main.js"></script>
    <!-- base -->
    <script src="${pageContext.request.contextPath}/static/js/controller/base/base.controller.js"></script>
    <!-- api -->
    <script src="${pageContext.request.contextPath}/static/js/controller/api/defect.api.js"></script>
    <!-- controller -->
    <script src="${pageContext.request.contextPath}/static/js/controller/defect/dashboard/tubeDefect.controller.js"></script>
    <script src="${resourcePath}/tags/reportforms/build/dist/echarts.js"></script>
    <script src="${resourcePath}/tags/reportforms/JS/picECharts.js"></script>
</body>
</html>
